.dsib{
    display: inline-block;
    vertical-align: middle;
}
.mr50{
    margin-right: 50px;
}
.khb-item-circle {
    width: 52px;
    height: 52px;
    line-height: 48px;
    text-align: center;
    color: #d54729;
    font-size: 30px;
    border-radius: 100%;
    border: 2px solid #d54729;
}
.khb-item-txt{
    text-align: left!important;
}
.khb-item-txt h2{
    line-height: 1;
    margin-bottom: 10px;
}

* {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei"
}

body {
    width: 100%;
    min-width: 1200px
}

.flex {
    display: -webkit-flex;
    display: flex
}

.title-box {
    width: 1190px;
    margin: 0 auto;
    padding-top: 20px
}

.short-line {
    width: 50px;
    height: 3px;
    background-color: #ffc814;
    margin: 25px auto 0 auto
}

.comm-title {
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #333
}

.comm-text {
    text-align: center;
    font-size: 18px;
    color: #999;
    margin: 19px auto 0 auto
}

.banner-content {
    width: 100%;
    height: 450px;
    position: relative;
    text-align: center;
    color: #fff;
    background-image: url(../images/banner1.png);
    background-position: center 0;
    transition: all 2s linear
}

.banner-content>p {
    position: relative;
    z-index: 2
}

.banner-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.88);
    position: absolute;
    top: 0;
    left: 0
}

.banner-bottom-box {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    background: rgba(68,68,68,.88);
    z-index: 2
}

.banner-bottom-main {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    vertical-align: middle
}

.banner-bottom-text {
    position: relative;
    top: -3px
}

.banner-text-one {
    font-size: 50px;
    font-weight: 700;
    padding-top: 90px
}

.banner-text-two {
    font-size: 18px;
    margin-top: 25px
}

.banner-num {
    font-size: 30px;
    font-weight: 700;
    color: #f4bc1a;
    margin-right: 10px
}

.banner-line {
    width: 1px;
    height: 20px;
    background: #707070;
    margin: 7px 45px 0 45px
}

.banner-btn {
    width: 200px;
    height: 48px;
    line-height: 48px;
    background: #f4bc1a;
    border-radius: 4px;
    font-size: 20px;
    color: #333;
    text-align: center;
    margin: 58px auto 0 auto;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 2
}

.banner-btn:hover {
    background: #f3cd5d
}

.one-content {
    width: 100%;
   border-top: 30px solid #f9f9f9; 
}

.one-main {
    width: 1000px;
    justify-content: space-between;
    margin: 52px auto 0 auto
}

.one-box {
    width: 200px;
    height: 200px;
    text-align: center
}

.one-box-img {
    width: 100%;
    height: 84px;
    text-align: center
}

.one-box>p {
    font-size: 18px;
    color: #666;
    margin-top: 40px
}

.two-content {
    width: 100%;
    height: 576px
}

.two-main {
    width: 840px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 52px auto 0 auto
}

.two-box {
    width: 140px;
    height: 168px;
    text-align: center
}

.two-box-img {
    width: 100px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    margin-left: 20px
}

.two-more {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    background: #fff
}

.two-more-points {
    width: 50px;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    left: 50%;
    margin-left: -25px
}

.two-more-point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.two-box>p {
    font-size: 14px;
    color: #999;
    margin-top: 15px
}

.two-more:hover {
    border: 1px solid #f4bc1a
}

.two-more:hover .two-more-point {
    border: 1px solid #f4bc1a;
    background: #f4bc1a
}

.three-content {
    width: 100%;
    height: 600px;
    background: #f9f9f9
}

.three-main {
    width: 1080px;
    justify-content: space-between;
    margin: 60px auto 0 auto
}

.three-box {
    width: 250px;
    height: 300px;
    text-align: center;
    background-color: #fff;
    background-position: bottom;
    background-repeat: no-repeat
}

.three-box-img {
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    left: 50%;
    margin-top: 37px;
    margin-left: -40px
}

.three-box-title {
    font-size: 18px;
    color: #333;
    margin-top: 15px
}

.three-box-describe {
    font-size: 14px;
    color: #999;
    margin-top: 10px
}

.four-content {
    width: 100%;
    height: 695px
}

.four-main {
    width: 925px;
    height: 446px;
    margin: 75px auto 0 auto;
    background: url(../images/bg4.png) no-repeat
}

.five-content {
    width: 100%;
    border-top:30px solid #f9f9f9; 
    background: #fff
}

.five-main {
    width: 940px;
    margin: 20px auto 0 auto;
    background: url(../images/bg5.png) #fff no-repeat right bottom
}

.five-box {
    width: 365px;
    background: #fff;
    text-align: center;
    margin-bottom: 20px
}

.five-box-text {
    font-size: 20px;
    line-height: 70px;
    color: #333;
    margin-left: 18px
}

.five-box-img {
    width: 68px;
    height: 68px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e3e3e3
}

.six-content {
    width: 100%;
    border-top:30px solid #f9f9f9; 
    background: #fff
}
.bt30{
    border-top:30px solid #f9f9f9; 
    background: #fff
}
.six-main {
    width: 895px;
    height: 200px;
    margin: 20px auto;
}

.sale-process-icon {
    width: 100%;
    justify-content: space-between
}

.box-four-sale {
    width: 141px;
    height: 100%
}

.sale-circle {
    width: 141px;
    height: 141px;
    background: #fff;
    box-shadow: 0 6px 10px 0 rgba(244,188,26,.2);
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.homepage-arrow1 {
    width: 59px
}

.sale-process-text {
    width: 950px;
    font-size: 18px;
    color: #333;
    margin-top: 35px
}

.seven-content {
    width: 100%;
    height: 660px;
    background: #f9f9f9
}

.seven-main {
    width: 1171px;
    height: 519px;
    margin: 0 auto 0 auto;
    background: url(../images/bg7.png)
}

.eight-content {
    width: 100%;
    background: #2e2d2d
}

.eight-text {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 75px;
    margin-bottom: 40px
}

.eight-btn {
    width: 200px;
    height: 48px;
    line-height: 48px;
    background: #f4bc1a;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    font-size: 20px;
    color: #333;
    display: block
}

.eight-btn:hover {
    background: #f3cd5d
}